<template>
  <div>
    <el-table :height="400" :data="tableDataList" style="width: 100%" border>
      <el-table-column prop="item" label="商品"> </el-table-column>
      <!-- <el-table-column prop="category" label="品类"> </el-table-column> -->
      <el-table-column prop="picUrl" label="图片">
        <template #default="scope">
          <image-preview :src="scope.row.picUrl" :width="40" :height="40" />
        </template>
      </el-table-column>
      <el-table-column prop="threeLevelColumn" label="三级类目">
      </el-table-column>
      <el-table-column prop="isNew" label="新老品"> </el-table-column>
      <el-table-column prop="salesAmount" label="销售金额"> </el-table-column>
      <el-table-column
        prop="salesAmountRatio"
        width="120"
        label="销售金额占比（占全品类）"
      >
      </el-table-column>
      <el-table-column prop="salesAmountYoy" label="销售金额同比">
      </el-table-column>
      <el-table-column prop="salesNumber" label="销售件数"> </el-table-column>
      <el-table-column prop="salesNumberRatio" label="销售件数占比">
      </el-table-column>
      <el-table-column prop="avgSalePrice" label="件均单价"> </el-table-column>
      <el-table-column prop="discountRate" label="折扣率"> </el-table-column>
      <el-table-column prop="returnRate" label="退货率"> </el-table-column>
      <el-table-column prop="returnYoy" label="退货同比"> </el-table-column>
      <el-table-column prop="sellOutRate" label="售罄率"> </el-table-column>
      <!-- <el-table-column prop="visitors" label="商品访客数"> </el-table-column> -->
      <!-- <el-table-column prop="payRateConversion" label="支付转化率">
      </el-table-column>
      <el-table-column prop="inventoryQuantity" label="库存数量">
      </el-table-column>
      <el-table-column prop="inventoryAmount" label="库存金额">
      </el-table-column> -->
    </el-table>
  </div>
</template>
      <script>
export default {
  props: {
    tableDataList: {
      type: Array,
      default: () => [],
    },
  },
};
</script>